<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加学生成绩</title>
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}"/>
    <script type="text/javascript" th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/webjars/bootstrap/4.0.0/js/bootstrap.js}"></script>
    <style>
        html, body {
            background-color: #F8F8FF;
        }
    </style>
</head>
<body>
<h1 style="color:blue;text-align: center;">添加学生成绩</h1>

<form th:action="@{/stu}" method="post">
    <div style="text-align:left;margin:auto;">
        <div class="form-group" style="width:300px;margin:auto;">
            <label>姓名</label>
            <input type="text" class="form-control" placeholder="小明" name="name"/>
        </div>
        <br/>
        <div class="form-group" style="width:300px;margin:auto;">
            <label>专业</label>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="软件工程" checked="true">
                <label class="form-check-label">软件工程</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="计算机技术">
                <label class="form-check-label">计算机技术</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="信息安全">
                <label class="form-check-label">信息安全</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="人工智能">
                <label class="form-check-label">人工智能</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="嵌入式">
                <label class="form-check-label">嵌入式</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="cla" value="数字媒体技术">
                <label class="form-check-label">数字媒体技术</label>
            </div>
        </div>
        <br/>
        <div class="form-group" style="width:300px;margin:auto;">
            <label>数据结构</label>
            <input type="text" class="form-control" placeholder="80" name="s1"/>
        </div>
        <br/>
        <div class="form-group" style="width:300px;margin:auto;">
            <label>Java应用</label>
            <input type="text" class="form-control" placeholder="80" name="s2"/>
        </div>
        <br/>
        <div class="form-group" style="width:300px;margin:auto;">
            <label>Mysql基础</label>
            <input type="text" class="form-control" placeholder="80" name="s3"/>
        </div>
        <br/>
        <div style="position: absolute;margin-left:45%;">
            <button type="submit" class="btn btn-primary btn-lg" style="margin-top:8px;">添加</button>
        </div>
    </div>
</form>

</body>
</html>